<p>
测试属性绑定!
</p>
<div class="a b c">{{str}}</div>
<p>插值表达式和属性表达式本质上一个东西，编译最终会把插值表达式翻译成属性表达式</p>
<input type="text" value="{{value}}">
<input type="text" [value]="value">
<!--$event 表示传入的事件-->
<input type="button" (click)="onClickMe($event)" value="点我">
<input value="Tom" (input)="onInputClick($event)">
<table border="1 px">
  <tr>
    <!--colspan 没有dom节点，所以爱用html绑定方式-->
    <td [attr.colspan]="1+1">1000</td>
  </tr>
</table>
<div [class]="classValue">{{str}}</div>
<hr>
<!--有些样式不需要改变，有些样式需要改变,根据flags的值确实是否增加样式-->
<div class="a b" [class.c]="flags">{{str}}</div>
<hr>
<!--追加一组样式 集合样式 key(styleName) value(boolean) -->
<div [ngClass]="classes">{{str}}</div>
<P [style.color]="isDev?'red':'green'">xxx</P>
<P [ngStyle]="{'color':'red','font-size':'60px'}">xxx</P>
<input [(ngModel)]="value">
